<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>西大网上书城</title>
    <link rel="stylesheet" href="css/bookstore.css">
    <style>
        /* 保持原有的样式不变 */
        .welcome-container {
            text-align: center;
            padding: 50px 20px;
            background: white;
            border-radius: 20px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.1);
            margin: 50px auto;
            max-width: 800px;
        }

        .feature-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin: 40px 0;
        }

        .feature-card {
            padding: 30px;
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            color: white;
            border-radius: 15px;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        }

        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.3);
        }

        .feature-card:nth-child(2) {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        }

        .feature-card:nth-child(3) {
            background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
        }
    </style>
</head>
<body>
<center>
    <div class="welcome-container">
        <h1 class="welcome-title">欢迎访问西大网上书城</h1>
        <p style="font-size: 1.2em; color: #666; margin-bottom: 40px;">
            请先登录系统以管理您的图书收藏
        </p>

        <!-- 在功能网格部分确保所有链接都是 ./login.html -->
        <div class="feature-grid">
            <a href="./login.html" class="feature-card">
                <div class="feature-icon">🔐</div>
                <div class="feature-title">用户登录</div>
                <div class="feature-desc">登录系统管理图书</div>
            </a>

            <a href="./login.html" class="feature-card">
                <div class="feature-icon">📚</div>
                <div class="feature-title">图书管理</div>
                <div class="feature-desc">添加、编辑、删除图书</div>
            </a>

            <a href="./login.html" class="feature-card">
                <div class="feature-icon">🔍</div>
                <div class="feature-title">智能搜索</div>
                <div class="feature-desc">快速查找所需图书</div>
            </a>
        </div>

        <div style="margin-top: 30px; padding: 20px; background: #f8f9fa; border-radius: 10px;">
            <h3 style="color: #333; margin-bottom: 15px;">测试账号</h3>
            <p style="color: #666; margin: 5px 0;">用户名: <strong>lyt</strong></p>
            <p style="color: #666; margin: 5px 0;">密码: <strong>123456</strong></p>
        </div>
    </div>
</center>
</body>
</html>